<!-- 列表 -->
<ion-content class="list-box">
    <ul #listBox>
        <li class="clearfix" *ngFor="let item of listData.data" appDebounceClick (debounceClick)="clickLink(item.link)">
            <div class="img-box" slot="start" *ngIf="item.images">
                <img class="img"
                    src="{{item.images.imageUrl&&item.images.imageUrl!=='null'?item.images.imageUrl:defaultImg}}"
                    alt="">
                <i *ngIf="item.images.isAuthenticated?.value" class="auth img-auth">
                    {{item.images.isAuthenticated.label}}
                </i>
                <!-- <span *ngIf="item.images?.isNumber"
                      class="img-number">
                    <i></i>
                    {{item.images.isNumber.length}}
                </span> -->
            </div>
            <div class="fl text-box" [ngClass]="{'no-img': !item.images}">
                <h2 class="mb10" *ngIf="!!item.title">
                    <i *ngIf="item.title.isAuthenticated?.value" class="auth mr5">
                        {{item.title.isAuthenticated?.label}}
                    </i>
                    <span class="title-label">
                        {{item.title.label}}
                    </span>
                </h2>
                <p class="mb10">{{item.info}}</p>
                <p>
                    <span class="point">{{item.points.label}}</span>
                    <span>{{item.rent}}</span>
                    <span class="times">{{item.times}}</span>
                </p>
            </div>
        </li>
    </ul>
    <ul>
    <div class="noDataButton" *ngIf="listData.data.length === 0">没有数据</div></ul>
    <!-- 向上滚动刷新 -->
    <ion-infinite-scroll (ionInfinite)="loadData($event)">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>